<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>loading</title>
  <link rel="stylesheet" href="sganimate.css" type="text/css"/>
  <script type="text/javascript" src="jquery-1.11.2.min.js"></script>
  <script type="text/javascript" src="loading.js"></script>
  <style>
	*{padding:0;margin:0}
	body{font-size:14px;font-family:"微软雅黑";line-height:22px;}
	a{text-decoration:none;color:#333}
	ul li{list-style:none}
	.box{background:red;width:100px;height:100px;}
  </style>
 </head>
 <body>
	
	<div id="box1"></div>
	<div id="box2"></div>
	<div id="box3"></div>
	<div id="box4"></div>
	<div id="box5"></div>
	<div id="box6"></div>
	<div id="box7"></div>
	<div id="box8"></div>
	<div id="box9"></div>
	<div id="box10"></div>
	<div id="box11"></div>


	<script>
		
		loading("#box1",1);
		loading("#box2",2);
		loading("#box3",3);
		loading("#box4",4);
		loading("#box5",5);
		loading("#box6",6);
		loading("#box7",7);
		loading("#box8",8);
		loading("#box9",9);
		loading("#box10",10);
		loading("#box11",11);




	</script>
 </body>
</html>
